/**
 v-hasPermi <el-form v-hasPermi="['/sys/SysRole']"></el-form>
 判断当前登录用户是否指定的URL权限，如果有就可以进行显示，否则隐藏
 */
// 导入Vuex
import store from '@/store'
export default {
  // <el-form-item>
  //     <el-button v-hasPermi="['/sys/DelRole']">删除</el-button>
  // <el-form-item>
  // el就代表<el-button>代表DOM对象
  inserted(el, binding, vnode) {
    // 下行的value得到的是v-hasPermi指令中的值['/sys/DelRole']
    const { value } = binding
    // 所有权限
    const all_permission = '*:*:*'
    // store.getters.permissions 获取保存在Vuex中的当前登录用户所拥有的权限列表
    const permissions = store.getters && store.getters.permissions
    // value instanceof Array 判断当前value是否属于数组类型
    if (value && value instanceof Array && value.length > 0) {
      const permissionFlag = value
      const hasPermissions = permissions.some(permission => {
        // includes包含
        return all_permission === permission || permissionFlag.includes(permission)
      })
      if (!hasPermissions) {
        // el.parentNode 得到当前元素的父级节点
        // removeChild删除指定的子节点
        // el.parentNode.removeChild(el) 从el的父节点中删除el这个子节点
        el.parentNode && el.parentNode.removeChild(el)
      } else {
        throw new Error(`请设置操作权限标签值`)
      }
    }
  }
}
